<%@ include file="/common/taglibs.jsp"%>

<%-- <link rel="stylesheet" type="text/css" media="all" href="<c:url value='/styles/cip/datetimer/jquery-ui.css'/>" />
<script type="text/javascript" src="<c:url value='/scripts/cip/common/jquery-1.8.2.js'/>"></script>
<script type="text/javascript" src="<c:url value='/scripts/cip/datetimer/jquery-ui.js'/>"></script> --%>
	
<script>
	$(function() {
        $("#saveOrUpdateHoliday_holiday_fromDate").datepicker({
  	    	changeMonth: true,
            changeYear: true,
		});
        
        $("#saveOrUpdateHoliday_holiday_toDate").datepicker({
  	    	changeMonth: true,
            changeYear: true,
		});
    });
</script>
<style>
	#ui-datepicker-div {
	    font-family: "Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
	    font-size: 62.5%;
	}
</style>
<script>
jQuery(document).ready(function(){
	jQuery("#holiday").validate();
});
</script>

<div style="padding:5px;" align="center">
<!-- <span style="font-size: 20px;">Holiday Details</span><br/ --><br/><br/>
<s:form id="holiday" name="holiday" action="saveOrUpdateHoliday" method="post" validate="true">
 <table border="0">
 		<tr>
	 		<td class="inputField" nowrap="nowrap">
     			Academic Year
     		</td>
			<td>
				<s:select  name="academicYear" id="holiday_academic_year" emptyOption="true" list="academicList" listKey="id" displayName="Class" listValue="academicYear"/>
			</td>
		</tr>
		<tr><td>&nbsp;</td></tr>
    	<tr>
    		<td class="inputField" nowrap="nowrap">
    			From
    		</td>
		<td class="inputTextBox">
			 <s:textfield type="fromDate"  size="10" name="holiday.fromDate" id="saveOrUpdateHoliday_holiday_fromDate" style="width:250px;" cssClass="required"/>
		</td>
	</tr>
	<tr><td>&nbsp;</td></tr>
	<tr>
		<td class="inputField" nowrap="nowrap">
			To
		</td>
		<td class="inputTextBox">			
			<s:textfield  type="toDate" size="10" name="holiday.toDate" id="saveOrUpdateHoliday_holiday_toDate" style="width:250px;" cssClass="required"/>
		</td>
	</tr>
	<tr><td>&nbsp;</td></tr>
	<tr>
		<td class="inputField" nowrap="nowrap">
    			Holiday  Name
    		</td>
		<td class="inputTextBox">			
			<s:textfield  size="10" name="holiday.holidayName" id="saveOrUpdateHoliday_holiday_holidayname" style="width:250px;" cssClass="required"/>
		</td>
	</tr>
	<tr><td>&nbsp;</td></tr>
	<tr>
		<td class="inputField" nowrap="nowrap">
    			Description
    	</td>
		<td class="inputTextBox">
			<s:textarea id="saveOrUpdateHoliday_description" name="holiday.description" style="width:300px;height:100px" required="true" cssClass="required"/>
		</td>
	</tr>
	<tr><td>&nbsp;</td></tr>
	<tr>
		<td class="inputField" nowrap="nowrap">
  				Status
  				</td>
		<td class="inputTextBox">
		<s:radio  name="holiday.status" id="holiday__status" list="#{'Active':'Active','InActive':'InActive'}" value="%{holiday.getStatus()}" />
	</td>
	</tr>
	<tr><td>&nbsp;</td></tr>
	<tr>
		<td colspan="2">
				<s:reset value="Clear" id="saveOrUpdateHoliday_0" cssClass="button-gray" theme="simple"/>
				<s:if test="holiday.id == ''">
					<s:submit value="Create" id="saveOrUpdateHoliday_0" cssClass="button-green" theme="simple" />
				</s:if>
				<s:else>
					<s:submit value="Update" id="saveOrUpdateHoliday_0" cssClass="button-green" theme="simple" />
				</s:else>
				<input type="button" value="List" id="saveOrUpdateHoliday_0" class="button-gray" onclick="javascript:showLists('/showHolidayList');" />
			</td>
	</tr>				
</table>
<s:hidden id="id" name="holiday.id"></s:hidden>	
</s:form>
</div> 
